{% extends "base.html" %}

{% load i18n %}

{% block content %}
<script type="text/javascript">

$(document).ready(function() 
    { 
        $("#userlist").tablesorter(); 
    } 
); 

</script>
<table id="userlist" class="tablesorter list">
	<thead>
		<tr>
			<th class="username">{% trans "User-name" %}</th>
			<th class="firstname">{% trans "First name" %}</th>
			<th class="lastname">{% trans "Last name" %}</th>
			<th class="email">{% trans "E-mail" %}</th>
		</tr>
	</thead>
	<tbody>
	{% for user in users %}
		<tr class="user">
			<td class="username">
				<a href="{% url posecco:user user.pk %}" />
					{{ user.username }}
				</a>
			</td>
			<td class="firstname">
				{{ user.first_name }}
			</td>
			<td class="lastname">
				{{ user.last_name }}
			</td>
			<td class="email">
				{{ user.email }}
			</td>
		</tr>
	{% endfor %}
	</tbody>
</table>
<a href="{% url posecco:user 0 %}" class="button">{% trans "Add User" %}</a>
{% endblock %}